
<template>
<ul class="bbk-news">
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
  <li class="bbk-news__item">霸业之血色华夏昭烈帝的野望（一）</li>
</ul>
</template>
<style lang="less">
.bbk-news {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  &__item {
    padding: 8px;
    border-bottom: 1px solid #909090;
    cursor: pointer;
    &:hover {
      background: #fefefe;
    }
  }
}
</style>
